

<template>
  <div>{{name}}</div>
  <div>{{data}}</div>
</template>
<script setup lang="ts">
import { ref ,onMounted} from 'vue'
 // 子组件接受值:通过defineProps 来接受 defineProps是无须引入的直接使用即可
 // 如果我们使用的TypeScript
 // 可以使用传递字面量类型的纯类型语法做为参数
 // 如 这是TS特有的
defineProps<{
   name:string,
   data:number[]
 }>()

// 如果不使用ts
// defineProps({
//     name:{
//         default:"",
//         type:string
//     },
//     data:Array
// })
</script>
<style scoped>

</style>
